<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>潘馨园超市商品管理系统</title>
	<script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
	<script src="__STATIC__/Wechat/js/jquery.js"></script>
	<script src="__STATIC__/Wechat/js/layer/layer.js"></script>
	<link rel="stylesheet" href="__STATIC__/layuiadmin/layui/css/layui.css" media="all">

</head>
<body>
<center>
<div class="saocon" id="scanQRCode0" style="margin: 200px;">
	<img src="__STATIC__/Wechat/img/sao.png" alt="" style="">
</div>
</center>
<center>
<div id="addGoods" style="width:340px;height: 120px;font-size:40px;background:#0089ff;line-height:120px;color:white;border-radius: 10px">
	添加商品
</div>
<div style="width:340px;height: 120px;font-size:40px;background:#0089ff;line-height:120px;color:white;border-radius: 10px;margin-top: 20px">
	商品列表
</div>
</center>
</body>
<script>
    wx.config({
        debug: false,
        appId:"{$appid}",
        timestamp:'{$wx.timestamp}',
        nonceStr: '{$wx.nonceStr}',
        signature:'{$wx.signature}',
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'scanQRCode',
        ]
    });
    document.querySelector('#scanQRCode0').onclick = function () {
        wx.scanQRCode({
            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
            scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
            success: function (res) {
                var url,result;
                result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
	            url = "{:url('/detail')}"
	            $.post(url,{data:result},function (ret) {
                    var ret = jQuery.parseJSON(ret)
                    alert(ret.data)
                })
            }
        });
    };

    document.querySelector('#addGoods').onclick = function () {
        wx.scanQRCode({
            needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
            scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
            success: function (res) {
                var url,result,arr;
                result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                arr = result.split(',');
                //页面层
				openL(arr[1])
            }
        });
    };

    function openL(code) {
        layer.open({
            type: 1,
            title:'商品信息',
            area: ['800px', '400px'], //宽高
            content:
            '<label style="width:200px;font-size: 40px" class="layui-form-label">商品名称</label>' +
            '<input id="name" style="width:300px;height: 80px" type="text" name="name" value="" placeholder="商品名称" class="layui-input" required><br/>' +
            '<label style="width:200px;font-size: 40px" class="layui-form-label">商品价格</label>' +
            '<input id="price" style="width:300px;height: 80px" type="text" name="name" value="" placeholder="商品价格" class="layui-input" required><br/>' +
            '<label class="layui-form-label"></label><button style="width: 200px;height: 80px;font-size: 40px;line-height: 80px" onclick="submit('+code+')" class="layui-btn">确认提交</button>'
        });
    }
    function submit(code) {
        var name,url,price;
        name = $('#name').val()
        price = $('#price').val()
	    if (!name) {
            layer.msg('请输入商品')
	    }
	    if (!price && !isNaN(price)) {
            layer.msg('请输入价格,或价格格式错误')
	    }
        url = "{:url('/addGoods')}"
        $.post(url,{code:code,name:name,price:price},function (ret) {
            var ret = jQuery.parseJSON(ret)
	        if (ret.code == 200) {
                alert(ret.msg)
                location.reload()
            }

        })
    }
</script>
</html>